<template>
    <el-card class="box-card">
        <el-button type="primary" icon="Plus" size="small">添加品牌</el-button>

        <el-table :data="tabledata"  style="width: 100%; margin:10px 0;" border>
            <el-table-column align="center" prop="index" label="序号" width="80" />
            <el-table-column prop="name" label="品牌名称" />
            <el-table-column prop="logo" label="品牌LOGO" />
            <el-table-column  label="品牌操作">
                <template >
                    <el-button icon="Edit">456</el-button>
                    <el-button icon="Edit"></el-button>
                </template>
            </el-table-column>
        </el-table>
        <el-pagination
      v-model:current-page="pageNo"
      v-model:page-size="pageSize"
      :page-sizes="[10 , 20 , 30 , 50]"
      layout=" prev, pager, next, jumper,->, sizes, total"
      :total="400"
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
    />
    </el-card>

</template>
<script setup>
import { ref, onMounted } from "vue";
import { getuser } from "../../../api/index";
const pageNo =ref(1)
const pageSize =ref(4)
const tabledata=ref([
    {
        name:'小米',
        logo:'@assets/logo.png',

    }
])
const handleSizeChange=(val)=>{
    console.log('123',val);
}
const handleCurrentChange=(val)=>{
    console.log('456',val);
}
onMounted(() => {
    getuser().then(res=>{
        console.log(res)
    })
});
</script>
<style scoped>
.box-card {
    margin: 20px;
}
</style>